<header class="g-hd-new">

    <div class="nav common-width">
        <div class="logo">
            <h1>
                <a href="/">
                    <img src="{$BaseSetting.logo}" alt="">
                </a>
            </h1>
        </div>

        <div class="menu-box">
            <ul class="menu-list">
                {volist name="cateZero" id="Zero"}
                <li class="menu-item">
                    <a class="item-link" href="/{$code}/product/dataByCategory/category_id/{$Zero.id}">{$Zero.name}</a>
                    {if condition="$Zero.name eq 'All Products'"}
                    <div class="item-box first-menu">
                        <ul class="menu-Primaryselector common-width">
                            {volist name="cateOne" id="One"}
                            {if condition="$One.parent_id == $Zero.id"}
                            <li>
                                <a href="/{$code}/product/dataByCategory/category_id/{$One.id}'">{$One.name}</a>
                                <div class="secondary-menu-box">
                                    <ul class="secondary-menu">
                                        {volist name="cateTwo" id="Two"}
                                        {if condition="$Two.parent_id == $One.id"}
                                        <li>
                                            <a href="/{$code}/product/dataByCategory/category_id/{$Two.id}">
                                                <img src="{$Two.image_path}" alt="">
                                                <span>{$Two.name}</span>
                                            </a>
                                        </li>
                                        {/if}
                                        {/volist}
                                    </ul>
                                </div>
                            </li>
                            {/if}
                            {/volist}
                        </ul>
                    </div>
                    {/if}
                </li>
                {/volist}
            </ul>
        </div>

        <div class="room-box">
            <ul class="room-menu common-width">
                {volist name="cateZero" id="Zero"}
                {if condition="$Zero.name eq 'House'"}
                {volist name="cateOne" id="One"}
                {if condition="$One.parent_id == $Zero.id"}
                <li class="room-list">
                    <a href="/{$code}/product/dataByCategory/category_id/{$One.id}">
                        <img src="{$One.image_path}" alt="">
                        <span>{$One.name}</span>
                    </a>
                </li>
                {/if}
                {/volist}
                {/if}
                {/volist}
        </div>

        <div class="support">
            <ul class="support-menu common-width">
                <li class="support_list"><a href="https://www.minthouz.com/en_us/about/about">About Us</a></li>
                <li class="support_list"><a href="/en_us/product/contact">Contact Us</a></li>
            </ul>
        </div>
    </div>
</header>